<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,  user-scalable=no">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,  user-scalable=no">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css"
        integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
    <link rel="stylesheet" href="https://unpkg.com/swiper/css/swiper.css">
    <link rel="stylesheet" href="https://unpkg.com/swiper/css/swiper.min.css">
    <link rel="stylesheet" href="./css/news.css">
    <title>新闻资讯</title>
</head>

<body>
    <div class="content w-100">
        <header>
            <!-- 手机导航 -->
            <div class="phone-nav-box d-md-none bg-white p-2 w-100">
                <div class="pl-0 d-flex align-items-center">
                    <img src="./images/logo.png" alt="" class="mr-3">
                    <span class="fs-30">辽宁恒志国际劳务合作有限公司</span>
                    <img src="./images/menu_icon.png" alt="" class="menu-icon ml-auto img-fluid p-2"
                        id="dropdownMenuButton" data-toggle="dropdown">
                    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                        <a class="dropdown-item mb-2" href="about.html">关于我们</a>
                        <a class="dropdown-item mb-2" href="service.html">服务范围</a>
                        <a class="dropdown-item mb-2" href="news.html">新闻资讯</a>
                        <a class="dropdown-item mb-2" href="case.html">客户案例</a>
                        <a class="dropdown-item mb-2" href="team.html">公司团队</a>
                        <a class="dropdown-item mb-2" href="contact.html">联系我们</a>
                    </div>
                </div>
            </div>
            <!-- 轮播 -->
            <div class="swiper-box w-100">
                <div class="swiper-container mb-3">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img src="images/banner.png" alt="" class="banner img-fluid">
                        </div>
                        <div class="swiper-slide">
                            <img src="images/banner.png" alt="" class="banner img-fluid">
                        </div>
                        <div class="swiper-slide">
                            <img src="images/banner.png" alt="" class="banner img-fluid">
                        </div>
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
            </div>
            <div class="top-layer w-100 d-none d-md-block">
                <div class="container pt-4">
                    <div class="row top-box d-flex color-white mb-4">
                        <div class="col-md-6 pl-0 d-flex align-items-center">
                            <img src="./images/logo.png" alt="" class="mr-3">
                            <span class="fs-30">辽宁恒志国际劳务合作有限公司</span>
                        </div>
                        <div class="col-md-6 top-right-box fs-16 text-right pr-0">
                            <img src="./images/17.png" alt="" class="mr-1">
                            <span class="mr-4">xxlawer@16x.com</span>
                            <img src="./images/17(1).png" alt="" class="mr-1">
                            <span>400-0000-000X</span>
                        </div>
                    </div>
                    <div class="row">
                        <ul
                            class="col-md-12 nav-box d-flex w-100 fs-14 menu-type-box rounded pl-3 pr-3 justify-content-around text-center">
                            <li class=""><a href="index.html" class="nav-link p-3">首页</a></li>
                            <li class=""><a href="about.html" class="nav-link p-3">关于我们</a></li>
                            <li class=""><a href="service.html" class="nav-link p-3">服务范围</a></li>
                            <li class="active"><a href="news.html" class="nav-link p-3">新闻资讯</a></li>
                            <li class=""><a href="case.html" class="nav-link p-3">客户案例</a></li>
                            <li class=""><a href="team.html" class="nav-link p-3">公司团队</a></li>
                            <li class=""><a href="contact.html" class="nav-link p-3">联系我们</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </header>

        <div class="container mb-5">
            <div class="row">
                <div class="menu-left-box d-flex flex-column col-md-3">
                    <div class="menu-title-box rounded fs-24 bg-blue color-white p-4 mb-5">
                        新闻资讯 News
                    </div>
                    <a href="#" class="fs-14 menu-type bg-grey color-666 pt-3 pb-3 text-center mb-3">
                        待定
                    </a>
                    <a href="#" class="fs-14 menu-type bg-grey color-666 pt-3 pb-3 text-center mb-3">
                        待定
                    </a>
                    <a href="#" class="fs-14 menu-type bg-grey color-666 pt-3 pb-3 text-center mb-3">
                        待定
                    </a>
                    <a href="#" class="fs-14 menu-type bg-grey color-666 pt-3 pb-3 text-center mb-4">
                        待定
                    </a>
                    <a href="#" class="fs-14 menu-type bg-grey color-666 pt-3 pb-3 text-center mb-4">
                        待定
                    </a>
                    <div class="form-box border p-3 rounded">
                        <div class="form-items-box mb-3">
                            <p class="mb-1">姓名 <span class="color-red">*</span></p>
                            <input type="text" name="" id="" class="border w-100 rounded">
                        </div>
                        <div class="form-items-box mb-3">
                            <p class="mb-1">电话 <span class="color-red">*</span></p>
                            <input type="text" name="" id="" class="border w-100 rounded">
                        </div>
                        <div class="form-items-box mb-3">
                            <p class="mb-1">邮箱</p>
                            <input type="text" name="" id="" class="border w-100 rounded">
                        </div>
                        <div class="form-items-box mb-3">
                            <p class="mb-1">内容</p>
                            <textarea type="text" name="" id="" class="border w-100 rounded"></textarea>
                        </div>
                        <input type="button" value="提交" class="bg-yellow color-white w-100 pt-1 pb-1 rounded">
                    </div>

                </div>
                <div class="menu-right-box col-md-9">
                    <div class="menu-top-box d-flex align-items-center border-bottom pb-2 pl-0 mb-4">
                        <img src="./images/a_19.png" alt="" class="mr-2">
                        <a href="index.html" class="color-666 fs-14">首页 </a>
                        <span class="fs-14 color-666">>> 新闻资讯</span>
                    </div>
                    <div class="list-box">
                        <a href="newsDetail.html">
                            <div class="news-list-box d-flex align-items-center p-2">
                                <div class="news-date-box color-blue p-2 text-center mr-4">
                                    <span class="fs-38">01</span>
                                    <span class="fs-16">2020-05</span>
                                </div>
                                <div class="news-explain-box flex-1">
                                    <p class="fs-16">劳务派遣规划与出国培训的国际劳务机构</p>
                                    <span class="fs-14 color-666">
                                        劳务派遣规划与出国培训的国际劳务机构劳务派遣规划与出国培训的国际劳务机构劳务派遣规划与出国培训的国际劳务机构...
                                    </span>
                                </div>
                            </div>
                        </a>
                        <a href="newsDetail.html">
                            <div class="news-list-box d-flex align-items-center p-2">
                                <div class="news-date-box color-blue p-2 text-center mr-4">
                                    <span class="fs-38">01</span>
                                    <span class="fs-16">2020-05</span>
                                </div>
                                <div class="news-explain-box flex-1">
                                    <p class="fs-16">劳务派遣规划与出国培训的国际劳务机构</p>
                                    <span class="fs-14 color-666">
                                        劳务派遣规划与出国培训的国际劳务机构劳务派遣规划与出国培训的国际劳务机构劳务派遣规划与出国培训的国际劳务机构...
                                    </span>
                                </div>
                            </div>
                        </a>
                        <a href="newsDetail.html">
                            <div class="news-list-box d-flex align-items-center p-2">
                                <div class="news-date-box color-blue p-2 text-center mr-4">
                                    <span class="fs-38">01</span>
                                    <span class="fs-16">2020-05</span>
                                </div>
                                <div class="news-explain-box flex-1">
                                    <p class="fs-16">劳务派遣规划与出国培训的国际劳务机构</p>
                                    <span class="fs-14 color-666">
                                        劳务派遣规划与出国培训的国际劳务机构劳务派遣规划与出国培训的国际劳务机构劳务派遣规划与出国培训的国际劳务机构...
                                    </span>
                                </div>
                            </div>
                        </a>
                        <a href="newsDetail.html">
                            <div class="news-list-box d-flex align-items-center p-2">
                                <div class="news-date-box color-blue p-2 text-center mr-4">
                                    <span class="fs-38">01</span>
                                    <span class="fs-16">2020-05</span>
                                </div>
                                <div class="news-explain-box flex-1">
                                    <p class="fs-16">劳务派遣规划与出国培训的国际劳务机构</p>
                                    <span class="fs-14 color-666">
                                        劳务派遣规划与出国培训的国际劳务机构劳务派遣规划与出国培训的国际劳务机构劳务派遣规划与出国培训的国际劳务机构...
                                    </span>
                                </div>
                            </div>
                        </a>
                        <a href="newsDetail.html">
                            <div class="news-list-box d-flex align-items-center p-2">
                                <div class="news-date-box color-blue p-2 text-center mr-4">
                                    <span class="fs-38">01</span>
                                    <span class="fs-16">2020-05</span>
                                </div>
                                <div class="news-explain-box flex-1">
                                    <p class="fs-16">劳务派遣规划与出国培训的国际劳务机构</p>
                                    <span class="fs-14 color-666">
                                        劳务派遣规划与出国培训的国际劳务机构劳务派遣规划与出国培训的国际劳务机构劳务派遣规划与出国培训的国际劳务机构...
                                    </span>
                                </div>
                            </div>
                        </a>
                        <a href="newsDetail.html">
                            <div class="news-list-box d-flex align-items-center p-2">
                                <div class="news-date-box color-blue p-2 text-center mr-4">
                                    <span class="fs-38">01</span>
                                    <span class="fs-16">2020-05</span>
                                </div>
                                <div class="news-explain-box flex-1">
                                    <p class="fs-16">劳务派遣规划与出国培训的国际劳务机构</p>
                                    <span class="fs-14 color-666">
                                        劳务派遣规划与出国培训的国际劳务机构劳务派遣规划与出国培训的国际劳务机构劳务派遣规划与出国培训的国际劳务机构...
                                    </span>
                                </div>
                            </div>
                        </a>
                        <a href="newsDetail.html">
                            <div class="news-list-box d-flex align-items-center p-2">
                                <div class="news-date-box color-blue p-2 text-center mr-4">
                                    <span class="fs-38">01</span>
                                    <span class="fs-16">2020-05</span>
                                </div>
                                <div class="news-explain-box flex-1">
                                    <p class="fs-16">劳务派遣规划与出国培训的国际劳务机构</p>
                                    <span class="fs-14 color-666">
                                        劳务派遣规划与出国培训的国际劳务机构劳务派遣规划与出国培训的国际劳务机构劳务派遣规划与出国培训的国际劳务机构...
                                    </span>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <!-- 底部 -->
        <footer>
            <div class="container-fluid p-0 color-white">
                <div class="container pt-5 pb-5">
                    <div class="row">
                        <div class="col-md-5 d-none d-md-block">
                            <p class="fs-24">合作伙伴 Cooperative partner</p>
                            <div class="d-flex flex-wrap justify-content-around">
                                <div class="img-box mb-2">
                                    <img src="./images/16.png" alt="">
                                </div>
                                <div class="img-box mb-2">
                                    <img src="./images/16.png" alt="">
                                </div>
                                <div class="img-box mb-2">
                                    <img src="./images/16.png" alt="">
                                </div>
                                <div class="img-box mb-2">
                                    <img src="./images/16.png" alt="">
                                </div>
                                <div class="img-box mb-2">
                                    <img src="./images/16.png" alt="">
                                </div>
                                <div class="img-box mb-2">
                                    <img src="./images/16.png" alt="">
                                </div>
                                <div class="img-box mb-2">
                                    <img src="./images/16.png" alt="">
                                </div>
                                <div class="img-box mb-2">
                                    <img src="./images/16.png" alt="">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 col">
                            <p class="fs-24">联系我们 Contact us</p>
                            <p class="fs-14">电话：400-0000-000x</p>
                            <p class="fs-14">地址：辽宁省沈阳市沈河区惠工街中韩大厦706</p>
                            <p class="fs-14">邮箱：Lawyer@16x.com</p>
                        </div>
                        <div class="col-md-3 text-center mb-4 col">
                            <div class="img-box mb-3">
                                <img src="./images/kdxu(1).png" alt="">
                            </div>
                            <span class="fs-14">微信在线咨询</span>
                        </div>
                    </div>
                </div>
            </div>

        </footer>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
        integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous">
    </script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
        integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous">
    </script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/js/bootstrap.min.js"
        integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous">
    </script>
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
        integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous">
    </script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
        integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous">
    </script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/js/bootstrap.min.js"
        integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous">
    </script>
    <script src="https://unpkg.com/swiper/js/swiper.js"> </script>
    <script src="https://unpkg.com/swiper/js/swiper.min.js"> </script>
    <script>
        var mySwiper = new Swiper('.swiper-container', {
            loop: true,
            autoplay: true,
            pagination: {
                el: '.swiper-pagination',
            },
        })
        $('#dropdownMenuButton').dropdown()
    </script>
</body>

</html>